<template>
  <el-row :gutter="0" class="page-main home-main">
    <el-col :span="24" :offset="0" class="container">
      <GoodBanner :banner="topBanner" />
      <GoodInfo
        :good-info="goodInfo1"
        :children-list="childrenList1"
        :son-list="[]"
      />
      <GoodInfo
        :good-info="goodInfo2"
        :children-list="childrenList2"
        :son-list="sonList2"
      />
      <GoodInfo
        :good-info="goodInfo3"
        :children-list="childrenList3"
        :son-list="sonList3"
      />
      <GoodInfo
        :good-info="goodInfo4"
        :children-list="childrenList4"
        :son-list="sonList4"
      />
      <GoodInfo
        :good-info="goodInfo5"
        :children-list="childrenList5"
        :son-list="sonList5"
      />
      <GoodInfo
        :good-info="goodInfo6"
        :children-list="childrenList6"
        :son-list="sonList6"
      />
      <GoodInfo
        :good-info="goodInfo7"
        :children-list="childrenList7"
        :son-list="sonList7"
      />
      <GoodBanner :banner="bottomBanner" />
    </el-col>
  </el-row>
</template>

<script setup lang="ts">
  import { ref, reactive } from "vue";
  import {
    BannerListType,
    ChildrenListType,
    GoodInfoListType,
    SonListType,
  } from "../../../types/Shop";

  import GoodBanner from "./GoodBanner.vue";
  import GoodInfo from "./GoodInfo.vue";

  // prettier-ignore
  const topBanner = ref<BannerListType>({
    hrefUrl: 'https://www.mi.com/shop/buy/detail?product_id=20779',
    imageUrl: 'https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9e9c620dbad5c650b6ff0c573df76e14.jpg?thumb=1&w=2452&h=240&f=webp&q=90'
  });

  const bottomBanner = ref<BannerListType>({
    hrefUrl: "https://www.mi.com/shop/buy/detail?product_id=9836",
    imageUrl:
      "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=2452&h=240&f=webp&q=90",
  });

  const goodInfo1 = reactive<GoodInfoListType>({
    title: "手机",
    entry: {
      image:
        "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/55d2e50dd3783b52244ea3938e9dfca7.png?thumb=1&w=468&h=1228&f=webp&q=90",
      targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050081",
    },
    tabList: [
      {
        id: 1,
        tabName: "新品",
        activeTab: "新品",
      },
    ],
  });

  const childrenList1 = reactive<ChildrenListType[]>([
    {
      id: 1,
      category: "新品",
      children: [
        {
          id: 1,
          name: "REDMI K80 Pro",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202411261127_8d9eefc4ea604b3c2c20ef4df1312591.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20779",
          product_id: 20779,
          describe: "骁龙8至尊版|2K新国屏|全焦段影像",
          price: 3699,
          unit1: "元起",
        },
        {
          id: 2,
          name: "REDMI K80",
          describe: "第三代骁龙8|2K新国屏|6550mAh 超长续航",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202411261112_496adbd3fa76742689e9b8f5c4251efc.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20790",
          product_id: 20790,
          price: 2499,
          unit1: "元起",
        },
        {
          id: 3,
          name: "Xiaomi 15",
          describe:
            "徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/089128152bd814096a99249a487e383d.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20618",
          product_id: 20618,
          price: 4499,
          unit1: "元起",
        },
        {
          id: 4,
          name: "Xiaomi 15 Pro",
          describe:
            "徕卡光学 Summilux 高速镜头｜ 骁龙®8至尊版移动平台｜6100mAh 小米金沙江电池｜小米澎湃OS 2",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5f4d5d4fa89236436e9d44e2b2e6ebac.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20603",
          product_id: 20603,
          price: 4499,
          unit1: "元起",
        },
        {
          id: 5,
          name: "Xiaomi 15 定制版",
          describe:
            "卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜5400mAh 小米金沙江电池 小米澎湃OS 2",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410281157_6e91e1273cb084794dd8301ae6353159.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20425",
          product_id: 20425,
          price: 4999,
          unit1: "元",
        },
        {
          id: 6,
          name: "Redmi Note 14 Pro+",
          describe: "第三代骁龙®7s",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202409240917_17625f85b407e135e24ca728d021ca15.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20618",
          product_id: 20618,
          price: 1899,
          unit1: "元起",
          delete: 1999,
          unit2: "元",
        },
        {
          id: 7,
          name: "Redmi Note 14 Pro",
          describe: "天玑 7300-Ultra",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202409240917_17625f85b407e135e24ca728d021ca15.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20419",
          product_id: 20419,
          price: 1399,
          unit1: "元起",
        },
        {
          id: 8,
          name: "Redmi K70 至尊版",
          describe: "性能魔王  全面进化",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202409240917_17625f85b407e135e24ca728d021ca15.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20153",
          product_id: 20153,
          price: 2599,
          unit1: "元",
        },
      ],
    },
  ]);

  const goodInfo2 = reactive<GoodInfoListType>({
    title: "智能穿戴",
    entry: {
      image:
        "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/15bd8044e1dbe5cdc05806ef3dc7bdf6.png?thumb=1&w=468&h=1228&f=webp&q=90",
      targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20588",
    },
    tabList: [
      {
        id: 1,
        tabName: "耳机",
        activeTab: "耳机",
      },
      {
        id: 2,
        tabName: "穿戴",
        activeTab: "穿戴",
      },
    ],
  });

  const childrenList2 = reactive<ChildrenListType[]>([
    {
      id: 1,
      category: "耳机",
      children: [
        {
          id: 1,
          name: "Xiaomi Buds 4 Pro",
          describe: "48dB智能动态降噪/骨传导黑科技",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202411261600_4ae42d79b9b21e0727c1bb7a2cddbbf6.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20796",
          product_id: 20796,
          price: 999,
          unit1: "元起",
        },
        {
          id: 2,
          name: "Redmi Buds 6 青春版",
          describe: "42dB深度主动降噪 | 双麦AI通话抗风噪 | 12.4mm超大镀钛动圈",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410112149_8c1b7e0aa8f1aca565ca4da1b3f609e6.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20139",
          product_id: 20139,
          price: 139,
          unit1: "元起",
        },
        {
          id: 3,
          name: "Redmi Buds 6",
          describe: "旗舰双单元架构 | 49dB深度降噪 | 42h超长续航",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202409252052_478e3626f4c809beb3e6d65cddbcc77b.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20426",
          product_id: 20426,
          price: 199,
          unit1: "元起",
        },
        {
          id: 4,
          name: "Xiaomi Buds 5",
          describe: "舒适无感佩戴｜高通全链路无损音频｜哈曼 AudioEFX 联合调音",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202407172252_14dde1819e157be030514edaddf0ead9.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20159",
          product_id: 20159,
          price: 679,
          unit1: "元",
          delete: 699,
          unit2: "元",
        },
        {
          id: 5,
          name: "Redmi Buds 6",
          describe: "14.2mm超大动圈单元 | 半入耳主动降噪 | 33小时超长续航",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ed30ba825d2c0a27f9c9867c6376e02.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20081",
          product_id: 20081,
          price: 199,
          unit1: "元",
        },
        {
          id: 6,
          name: "Redmi Buds 4 Pro",
          describe: "智能降噪，超低延迟，舒适佩戴",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202405161349_af5d2bb2e50bf45ff23d766e49da6cc5.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20081",
          product_id: 20081,
          price: 299,
          unit1: "元起",
        },
        {
          id: 7,
          name: "Xiaomi 开放式耳机",
          describe: "舒适稳固佩戴｜超线性发声单元｜独立防漏音系统",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202404091941_350d7e8fb99f243754861b986168c187.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20081",
          product_id: 20081,
          price: 599,
          unit1: "元起",
        },
      ],
    },
    {
      id: 2,
      category: "穿戴",
      children: [
        {
          id: 9,
          name: "REDMI Watch 5",
          describe: "2.07英寸高刷高亮大屏 | 24天超长续航 | 搭载小米澎湃OS 2",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202411261459_d47c23aa207b6cb0e2e6feee7d9888c5.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20794",
          product_id: 20794,
          price: 599,
          unit1: "元",
        },
        {
          id: 10,
          name: " Xiaomi Watch S4",
          describe: "百变表圈 | 旋转表冠 | 小米澎湃OS2 | 双模对讲模式",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410291552_19d4f0c5cf4b4cedc7443bb2963b9ffc.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20588",
          product_id: 20588,
          price: 999,
          unit1: "元起",
        },
        {
          id: 11,
          name: "小米手环9 Pro",
          describe: "超窄四等边大屏 | 金属机身 | 21天超长续航",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410291455_6a011d078acca2c8d21b5ece4e680206.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20580",
          product_id: 20580,
          price: 399,
          unit1: "元起",
        },
        {
          id: 12,
          name: "Xiaomi Buds 5",
          describe: "18天超长续航 | 60Hz高刷大屏 | 全天健康监测",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410241417_9ef2404939fdf794fda9cd16953dd28c.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20581",
          product_id: 20581,
          price: 159,
          unit1: "元起",
        },
        {
          id: 13,
          name: "小米手环9",
          describe: "多彩金属机身 | 高精度运动健康监测 | 21天超耐久续航",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202407191728_08a7317fb96cc5394a838eac9867ede3.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20165",
          product_id: 20165,
          price: 249,
          unit1: "元起",
        },
        {
          id: 14,
          name: "小米手环9 NFC",
          describe: "多彩金属机身 | 高精度运动健康监测 | 18天超耐久续航",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202405161349_af5d2bb2e50bf45ff23d766e49da6cc5.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20081",
          product_id: 20081,
          price: 299,
          unit1: "元起",
        },
        {
          id: 15,
          name: " Xiaomi Watch S4 Sport",
          describe: "一体钛机身 蓝宝石玻璃 | 颂拓运动算法支持 | 全新旋转表冠",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202407180024_944832315a706120a005947cbd642dfc.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20162",
          product_id: 20162,
          price: 1799,
          unit1: "元",
          delete: 1999,
          unit2: "元",
        },
      ],
    },
  ]);

  const sonList2 = reactive<SonListType[]>([
    {
      id: 1,
      category: "耳机",
      son: {
        name: "Redmi Buds 5 Pro",
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202311292123_5f019eb3ce2987e60596f7a54630e44c.png?thumb=1&w=200&h=200&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19446",
        product_id: 19446,
        price: 369,
        unit1: "元起",
      },
      openMore: {
        keyword: "耳机",
        category: "耳机",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19446",
      },
    },
    {
      id: 2,
      category: "穿戴",
      son: {
        name: "小米手环8 Pro 原神定制版",
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202312081723_8c6876edb9fd120f765149945f77a4f1.png?thumb=1&w=200&h=200&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19496",
        product_id: 19496,
        price: 549,
        unit1: "元起",
      },
      openMore: {
        keyword: "穿戴",
        category: "穿戴",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19446",
      },
    },
  ]);

  const goodInfo3 = reactive<GoodInfoListType>({
    title: "笔记本｜平板",
    entry: {
      image:
        "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bd88fa683214713a6acb1afcf738b89c.png?thumb=1&w=468&h=1228&f=webp&q=90",
      targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050070",
    },
    tabList: [
      {
        id: 1,
        tabName: "热门",
        activeTab: "热门",
      },
    ],
  });

  const childrenList3 = reactive<ChildrenListType[]>([
    {
      id: 1,
      category: "热门",
      children: [
        {
          id: 1,
          name: "Xiaomi Pad 7 Pro",
          describe:
            "11.2英寸3.2K高清高刷屏 | 第三代骁龙8s 旗舰芯片 | HyperOS 2",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410281957_cef79555890f4b13bbe6939cb16692e0.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20796",
          product_id: 20796,
          price: 2499,
          unit1: "元起",
        },
        {
          id: 2,
          name: "Xiaomi Pad 7",
          describe:
            "11.2英寸3.2K高清高刷屏 | 第三代骁龙7+ 旗舰芯片 | HyperOS 2",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410281949_cf5a01c8f94f82f116d95e7d719bba7d.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20139",
          product_id: 20139,
          price: 1999,
          unit1: "元起",
        },
        {
          id: 3,
          name: "Redmi Pad Pro系列",
          describe: "12.1英寸2.5K旗舰机大屏 | 10000mAh超大电池",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5daddaa651568673e87eaf7c15ebd1cb.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20426",
          product_id: 20426,
          price: 1499,
          unit1: "元起",
        },
        {
          id: 4,
          name: "Xiaomi Pad 6S Pro 12.4",
          describe: "第二代骁龙8 旗舰处理器 | 小米澎湃OS",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202402221350_8181b68062669419dcb35b42972021e3.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20159",
          product_id: 20159,
          price: 2999,
          unit1: "元起",
        },
        {
          id: 5,
          name: "Redmi Book Pro 14 2024",
          describe: "65W 满血性能｜全新酷睿 Ultra 处理器",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202402211712_15046d7abe233750b635d0ff3a53ae02.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20081",
          product_id: 20081,
          price: 4999,
          unit1: "元起",
        },
        {
          id: 6,
          name: "Redmi Book 14 2024",
          describe: "智能降噪，超低延迟，舒适佩戴",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202311281948_e41396e545d3ba8da294444a47abb590.png?thumb=1&w=200&h=200&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20081",
          product_id: 20081,
          price: 4299,
          unit1: "元起",
        },
        {
          id: 7,
          name: "Redmi Book 16 2024",
          describe: "47W 满血性能 | 小米澎湃智联 | 旗舰硬核品质",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202311281956_f87f4c37af45c2261e944f57d29e4a03.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20081",
          product_id: 20081,
          price: 3699,
          unit1: "元起",
        },
      ],
    },
  ]);

  const sonList3 = reactive<SonListType[]>([
    {
      id: 1,
      category: "热门",
      son: {
        name: "Redmi Book Pro 16 2024",
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202402211658_f8e48c3ab022eede514cc6ef6412a48b.png?thumb=1&w=200&h=200&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19709",
        product_id: 19709,
        price: 6399,
        unit1: "元",
      },
      openMore: {
        keyword: "笔记本",
        category: "热门",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19709",
      },
    },
  ]);

  const goodInfo4 = reactive<GoodInfoListType>({
    title: "家电",
    entries: [
      {
        id: 1,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/71a8e491a39b9c246246140fe68d256b.jpg?thumb=1&w=468&h=600&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050068",
      },
      {
        id: 2,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/46a738e1b375a08dd691a43bb05767f9.png?thumb=1&w=468&h=600&f=webp&q=90",
        targetUrl: "https://www.mi.com/mijia-wash-dryers/clean-pro-10kg",
      },
    ],
    tabList: [
      {
        id: 1,
        tabName: "热门",
        activeTab: "热门",
      },
      {
        id: 2,
        tabName: "电视影音",
        activeTab: "电视影音",
      },
      {
        id: 3,
        tabName: "空调",
        activeTab: "空调",
      },
    ],
  });

  const childrenList4 = reactive<ChildrenListType[]>([
    {
      id: 1,
      category: "热门",
      children: [
        {
          id: 1,
          name: "Redmi 智能电视 X 2025款",
          describe: "240Hz竞技模式|4+64GB|全色温双色域色准管控",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410231741_f45f1f572f2896f6bf2920c26ca41267.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050079",
          product_id: 10050079,
          price: 2599,
          unit1: "元起",
        },
        {
          id: 2,
          name: "小米电视S Pro Mini LED系列",
          describe: "144Hz超高刷、4+64G大存储",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e31b35ddb5d2f69def46456ac21df36b.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050050",
          product_id: 10050050,
          price: 4999,
          unit1: "元起",
        },
        {
          id: 3,
          name: "小米电视 S Mini LED 系列",
          describe: "Mini LED 高分区背光、1200nits峰值亮度",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202403131610_4c436d462d84b5109080ccf6b632844c.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050068",
          product_id: 10050068,
          price: 2999,
          unit1: "元起",
        },
        {
          id: 4,
          name: "小米电视 S Mini LED 系列",
          describe: "巨省电 小米空调 1.5匹新1级能效",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/21429638bdd453e8c1cb5c357ff4835b.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=13143",
          product_id: 13143,
          price: 2299,
          unit1: "元",
        },
        {
          id: 5,
          name: "米家波轮洗衣机 10kg",
          describe: "全景玻璃阻尼上盖 防夹手",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/db032eeb9e8efe9551161ee18bf70d3f.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=13815",
          product_id: 13815,
          price: 999,
          unit1: "元起",
        },
        {
          id: 6,
          name: "米家迷你波轮洗衣机Pro 3kg",
          describe: "高温煮洗 杀菌除螨",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202212131701_80db3da0f97aeb6b724039a4c5a24dd7.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=12882",
          product_id: 12882,
          price: 799,
          unit1: "元",
        },
        {
          id: 7,
          name: "米家双门冰箱 185L",
          describe: "小体积大容量 节能低噪",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6852696ece843f1a1f9667e21bb09c71.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=14037",
          product_id: 14037,
          price: 799,
          unit1: "元起",
        },
      ],
    },
    {
      id: 2,
      category: "电视影音",
      children: [
        {
          id: 9,
          name: "小米电视S Pro Mini LED系列",
          describe: "144Hz超高刷、4+64G大存储",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410141638_887088ef2eca3b0838b03fb1f900f8e2.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050050",
          product_id: 10050050,
          price: 6999,
          unit1: "元",
          delete: 7999,
          unit2: "元",
        },
        {
          id: 10,
          name: "小米电视 S Mini LED系列（55/65/75/85英寸）",
          describe: "Mini LED 高分区背光、1200nits峰值亮度",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202403221733_1c185c56d12ee1dd5b07d5ea08205f1a.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050068",
          product_id: 10050068,
          price: 2999,
          unit2: "元",
        },
        {
          id: 11,
          name: "Redmi智能电视 X 2025款（55/65/75/85英寸)",
          describe: "240Hz竞技模式|4+64GB|全色温双色域色准管控",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202410231741_f45f1f572f2896f6bf2920c26ca41267.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050079",
          product_id: 10050079,
          price: 2599,
          unit1: "元起",
        },
        {
          id: 12,
          name: "Redmi 电视MAX系列",
          describe: "高刷大内存，疾速超大屏",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202404081014_8c291e7e7ef8568fc5fd7d23f9656e88.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050072",
          product_id: 10050072,
          price: 2599,
          unit1: "元起",
        },
        {
          id: 13,
          name: "Redmi智能电视 A Pro系列",
          describe: "高清原色画质|智能流畅体验",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202409051432_82b3c7307d56a4cdc831598ad69e1d7f.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050074",
          product_id: 10050074,
          price: 1599,
          unit1: "元起",
        },
        {
          id: 14,
          name: "Redmi A系列电视 2025款",
          describe: "品质全面屏",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202404081016_2731f0bbbc26d20088666c3bdca063e4.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10050071",
          product_id: 10050071,
          price: 799,
          unit1: "元起",
        },
      ],
    },
    {
      id: 3,
      category: "空调",
      children: [
        {
          id: 15,
          name: "巨省电 小米空调 1.5匹新1级能效 ",
          describe: "强劲制冷 | 高效节能 | 智能互联",
          image:
            "https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1664285178.54196051.jpg?thumb=1&w=400&h=400",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=13143",
          product_id: 13143,
          price: 2199,
          unit1: "元",
          delete: 2299,
          unit2: "元",
        },
        {
          id: 16,
          name: "巨省电 小米空调 大1匹新1级能效",
          describe: "温湿双控 | 全直流变频 | 宽温域运行",
          image:
            "https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1656418637.39296454.jpg?thumb=1&w=400&h=400",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16152",
          product_id: 16152,
          price: 2199,
          unit1: "元",
          delete: 2299,
          unit2: "元",
        },
        {
          id: 17,
          name: "巨省电Pro 小米空调 1.5匹新1级能效",
          describe: "能效领先一代的智能空调",
          image:
            "https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1653472239.43129036.jpg?thumb=1&w=400&h=400",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=15908",
          product_id: 15908,
          price: 2699,
          unit1: "元起",
        },
        {
          id: 18,
          name: "米家新风空调 1.5匹新1级能效 2023",
          describe: "打造室内天然氧吧|4重深度净化",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202310081508_18b8d7deaaca3515a957de09c1e18703.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19280",
          product_id: 19280,
          price: 3199,
          unit1: "元起",
        },
        {
          id: 19,
          name: "巨省电 小米空调 立式3匹新1级能效",
          describe: "高效节能 | 立体送风 | 智能互联",
          image:
            "https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1605536123.55818348.jpg?thumb=1&w=400&h=400",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=13149",
          product_id: 13149,
          price: 4999,
          unit1: "元",
          delete: 5299,
          unit2: "元",
        },
      ],
    },
  ]);

  const sonList4 = reactive<SonListType[]>([
    {
      id: 1,
      category: "热门",
      son: {
        name: "米家电烤箱",
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1612c93ad4756215774a0dbec7a81bb2.jpg?thumb=1&w=200&h=200&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=9866",
        product_id: 9866,
        price: 299,
        unit1: "元",
      },
      openMore: {
        keyword: "家用电器",
        category: "热门",
        targetUrl: "https://www.mi.com/shop/search?keyword=热门",
      },
    },
    {
      id: 2,
      category: "电视影音",
      openMore: {
        keyword: "电视",
        category: "电视影音",
        targetUrl: "https://www.mi.com/shop/search?keyword=电视",
      },
    },
    {
      id: 3,
      category: "空调",
      openMore: {
        keyword: "空调",
        category: "空调",
        targetUrl: "https://www.mi.com/shop/search?keyword=空调",
      },
    },
  ]);

  const goodInfo5 = reactive<GoodInfoListType>({
    title: "生活电器",
    entries: [
      {
        id: 1,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2455b7d57a782fb9283f49fb4792d11c.png?thumb=1&w=468&h=600&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20489",
      },
      {
        id: 2,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/de8ede1e3e9e10a6e44de7e55f03cde4.png?thumb=1&w=468&h=600&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20173",
      },
    ],
    tabList: [
      {
        id: 1,
        tabName: "电暖器",
        activeTab: "电暖器",
      },
      {
        id: 2,
        tabName: "扫地机",
        activeTab: "扫地机",
      },
      {
        id: 3,
        tabName: "空净",
        activeTab: "空净",
      },
      {
        id: 4,
        tabName: "清洁",
        activeTab: "清洁",
      },
    ],
  });

  const childrenList5 = reactive<ChildrenListType[]>([
    {
      id: 1,
      category: "电暖器",
      children: [
        {
          id: 1,
          name: "米家石墨烯暖风机",
          describe: "2000W功率｜四种送风模式｜石墨烯喷涂，提升热传导效率",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202308301415_fe47b597a0eba1b1fb8430000d02bf18.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19140",
          product_id: 19140,
          price: 299,
          unit1: "元",
          delete: 349,
          unit2: "元",
        },
        {
          id: 2,
          name: "米家石墨烯踢脚线电暖器 2",
          describe: "石墨烯发热体｜2200W大功率速热｜智能恒温模式",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202308301436_d75c66e3099a4e3ee83d6f416a37648a.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19142",
          product_id: 19142,
          price: 399,
          unit1: "元",
          delete: 449,
          unit2: "元",
        },
        {
          id: 3,
          name: "米家石墨烯智能电暖器",
          describe: "石墨烯高导热，即开即暖无需等",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/812e9a25e79fb3055b581f2bef2ae05b.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=15069",
          product_id: 15069,
          price: 479,
          unit1: "元",
          delete: 549,
          unit2: "元",
        },
        {
          id: 4,
          name: "米家石墨烯踢脚线电暖器 仿真火焰版",
          describe: "加湿+火焰效果 | 悬浮外观 | 双核石墨烯速热 ",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210261533_f21bab344a19e9780fc6a15b91eb9075.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16686",
          product_id: 16686,
          price: 1279,
          unit1: "元",
          delete: 1599,
          unit2: "元",
        },
        {
          id: 5,
          name: "米家石墨烯油汀取暖器",
          describe: "超宽石墨烯卷边汀片，静享冬日温暖",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202409191427_77d51675fa8725068209785a11763185.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20456",
          product_id: 20456,
          price: 579,
          unit1: "元",
          delete: 699,
          unit2: "元",
        },
        {
          id: 6,
          name: "米家石墨烯踢脚线电暖器 2 折叠版",
          describe: "随心折叠摆放，石墨烯速暖整屋",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202408302104_002b4aea8ddbbfccde443d348f9d89ef.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20359",
          product_id: 20359,
          price: 779,
          unit1: "元",
          delete: 899,
          unit2: "元",
        },
        {
          id: 7,
          name: "米家智能电热毯",
          describe: "米家App远程预约｜入睡后自动调温｜左右分区控",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202312141003_84ddc9e60b388fbb2dfb3cad826ba465.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19530",
          product_id: 19530,
          price: 219,
          unit1: "元",
          delete: 229,
          unit2: "元",
        },
      ],
    },
    {
      id: 2,
      category: "扫地机",
      children: [
        {
          id: 8,
          name: "米家全能扫拖机器人 M30 S",
          describe: "机械臂贴边清洁，毛发实时防缠绕",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202403221728_bb09314672ebb191d2a6eee63dcb09b1.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy?product_id=19773",
          product_id: 19773,
          price: 2599,
          unit1: "元",
          delete: 3699,
          unit2: "元",
        },
        {
          id: 9,
          name: "米家全能扫拖机器人M30 Pro",
          describe: "扫拖一体，自动规划路径",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202404221604_0dd9a284c241ef9ac5f87a1ad842774d.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19934",
          product_id: 19934,
          price: 2799,
          unit1: "元",
          delete: 4699,
          unit2: "元",
        },
        {
          id: 10,
          name: "米家全能扫拖机器人 M30",
          describe: "三重激光避障，7000Pa超大吸力",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202311251129_94eabb38d397de731c90cd014b104afd.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19934",
          product_id: 19934,
          price: 1799,
          unit1: "元",
          delete: 3299,
          unit2: "元",
        },
        {
          id: 11,
          name: "米家全能扫拖机器人2",
          describe: "托管式智能扫拖，一机包揽全屋地面清洁",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202307260056_e9953630b3f39fa0825313bfd5bef057.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=18652",
          product_id: 18652,
          price: 1999,
          unit1: "元",
          delete: 3499,
          unit2: "元",
        },
        {
          id: 12,
          name: "米家扫拖机器人 3C增强版",
          describe: "家庭地面清洁优选",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202307211847_1c77463c39e656ec5478b8af16fdac5d.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=18649",
          product_id: 18649,
          price: 1099,
          unit1: "元",
          delete: 1299,
          unit2: "元",
        },
        {
          id: 13,
          name: "米家扫拖机器人3",
          describe: "强吸尘强擦地，清洁再升级",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202307211847_1c77463c39e656ec5478b8af16fdac5d.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19099",
          product_id: 19099,
          price: 1299,
          unit1: "元",
          delete: 1599,
          unit2: "元",
        },
      ],
    },
    {
      id: 3,
      category: "空净",
      children: [
        {
          id: 14,
          name: "米家全效空气净化器 Ultra",
          describe: "7KG超级滤芯，7重深度净化，",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209221524_5e4867fe23e374a7a92842614578681a.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16572",
          product_id: 16572,
          price: 4599,
          unit1: "元",
          delete: 5499,
          unit2: "元",
        },
        {
          id: 15,
          name: "米家空气净化器 5S",
          describe: "可监测可去除，超能除醛专家",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202403251650_b8232ba4d92cf2448bcf6b833789a8f4.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19781",
          product_id: 19781,
          price: 1499,
          unit1: "元",
          delete: 1699,
          unit2: "元",
        },
        {
          id: 16,
          name: "米家全效空气净化器",
          describe: "分解式除醛，超能净化旗舰",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202304101504_22b0ebf11c5a60a76ba6de0a1c7fd2d5.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=18254",
          product_id: 18254,
          price: 3199,
          unit1: "元",
          delete: 3999,
          unit2: "元",
        },
        {
          id: 17,
          name: "米家空气净化器 4 Pro",
          describe: "除醛抗菌升级",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d9e887830eee09bd341b9ed130db2d9c.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=14894",
          product_id: 14894,
          price: 1099,
          unit1: "元",
          delete: 1499,
          unit2: "元",
        },
        {
          id: 18,
          name: "米家空气净化器 4 Lite",
          describe: "洁净家中小天地，助你奔赴大世界",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5f2d5c086ec68c203d22b09af10233cf.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=15061",
          product_id: 15061,
          price: 599,
          unit1: "元",
          delete: 699,
          unit2: "元",
        },
        {
          id: 19,
          name: "米家空气净化器 4 MAX",
          describe: "固态甲醛传感器，适用96㎡大空间",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202208231100_293a400896600f574f787f78bec7d038.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16426",
          product_id: 16426,
          price: 2099,
          unit1: "元",
          delete: 3299,
          unit2: "元",
        },
        {
          id: 20,
          name: "米家空气净化器4 Pro H",
          describe: "超能不止一面，超能净化全屋",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202307311510_3013fc0d91cbbbdda2167d46e3384297.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=18656",
          product_id: 18656,
          price: 1799,
          unit1: "元",
          delete: 2199,
          unit2: "元",
        },
      ],
    },
    {
      id: 4,
      category: "清洁",
      children: [
        {
          id: 21,
          name: "米家无线洗地机3 Max",
          describe: "180°躺平杀菌洗烘，五合一全屋吸尘除螨*",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202405161450_80a6da4faf22104ca9ba7f47ff1b43e4.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20039",
          product_id: 20039,
          price: 2299,
          unit1: "元",
          delete: 2999,
          unit2: "元",
        },
        {
          id: 22,
          name: "米家无线洗地机3 Pro",
          describe: "180°灵活躺平，全链路杀菌洗烘",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202403291113_d944f7fc0589038389838a7516849655.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19833",
          product_id: 19833,
          price: 1599,
          unit1: "元",
          delete: 2499,
          unit2: "元",
        },
        {
          id: 23,
          name: "米家无线洗地机2C",
          describe: "轻松杀菌洗，千元旗舰机",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202310161117_0343c25251e7a2468e734dce07b9e736.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19287",
          product_id: 19287,
          price: 899,
          unit1: "元",
          delete: 1499,
          unit2: "元",
        },
        {
          id: 24,
          name: "米家无线洗地机2C",
          describe: "轻松杀菌洗，千元旗舰机",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202405141416_139d3c6b4923cc79e41a4c53361d4ef0.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20017",
          product_id: 20017,
          price: 849,
          unit1: "元",
          delete: 1199,
          unit2: "元",
        },
        {
          id: 25,
          name: "米家无线吸尘器2 Lite",
          describe: "强悍大吸力 硬核快除尘",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209281724_6ba505dea770a32533f9f08639ba8d56.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16594",
          product_id: 20017,
          price: 439,
          unit1: "元",
          delete: 499,
          unit2: "元",
        },
        {
          id: 26,
          name: "米家除螨仪 Pro",
          describe: "LED智能屏显丨14kPa大吸力",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202405071211_3a24ac824582475643bbdc019774310d.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=18146",
          product_id: 18146,
          price: 379,
          unit1: "元",
          delete: 399,
          unit2: "元",
        },
        {
          id: 27,
          name: "米家除螨仪2",
          describe: "四重除螨，洁净床褥织物",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202405071211_3a24ac824582475643bbdc019774310d.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19760",
          product_id: 19760,
          price: 199,
          unit1: "元",
          delete: 249,
          unit2: "元",
        },
      ],
    },
  ]);

  const sonList5 = reactive<SonListType[]>([
    {
      id: 1,
      category: "电暖器",
      son: {
        name: "米家桌面暖风机",
        price: 129,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8bd3bd364071778edd26fdc62a67d2cd.jpg?thumb=1&w=200&h=200&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=12843",
        product_id: 12843,
        unit1: "元",
      },
      openMore: {
        keyword: "电暖器",
        category: "电暖器",
        targetUrl: "https://www.mi.com/shop/search?keyword=电暖器",
      },
    },
    {
      id: 2,
      category: "扫地机",
      openMore: {
        category: "扫地机",
        keyword: "扫地机",
        targetUrl: "https://www.mi.com/shop/search?keyword=扫地机",
      },
    },
    {
      id: 3,
      category: "空净",
      son: {
        name: "米家空气净化器 4",
        price: 799,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202405211005_e0e76f0b11cf69052b3b74ea7393ea5e.png?thumb=1&w=200&h=200&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=14972",
        product_id: 14972,
        unit1: "元",
      },
      openMore: {
        category: "空净",
        keyword: "空净",
        targetUrl: "https://www.mi.com/shop/search?keyword=空净",
      },
    },
    {
      id: 4,
      category: "清洁",
      openMore: {
        category: "清洁",
        keyword: "清洁",
        targetUrl: "https://www.mi.com/shop/search?keyword=清洁",
      },
    },
  ]);
  const goodInfo6 = reactive<GoodInfoListType>({
    title: "厨房电器",
    entries: [
      {
        id: 1,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/499abd2f37095463c677a09f55cb2074.jpg?thumb=1&w=468&h=600&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20331",
      },
      {
        id: 2,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0e7310eb9e74b138865f32bf8a35c98e.jpg?thumb=1&w=468&h=600&f=webp&q=90",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19939",
      },
    ],
    tabList: [
      {
        id: 1,
        tabName: "净水器",
        activeTab: "净水器",
      },
      {
        id: 2,
        tabName: "烟灶",
        activeTab: "烟灶",
      },
      {
        id: 3,
        tabName: "电饭煲",
        activeTab: "电饭煲",
      },
      {
        id: 4,
        tabName: "微蒸烤",
        activeTab: "微蒸烤",
      },
    ],
  });

  const childrenList6 = reactive<ChildrenListType[]>([
    {
      id: 1,
      category: "净水器",
      children: [
        {
          id: 1,
          name: "米家前置过滤器",
          describe: "家庭净水的第一道防线",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202305191436_605f85cd7d3ffc75af9df18ed0f4780a.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=18505",
          product_id: 18505,
          price: 349,
          unit1: "元",
          delete: 499,
          unit2: "元",
        },
        {
          id: 2,
          name: "米家即热管线机",
          describe: "净水好搭档，100度真沸腾",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309141639_92f3a75834776ec9cbb8877a843d2510.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19201",
          product_id: 19201,
          price: 1199,
          unit1: "元",
          delete: 1499,
          unit2: "元",
        },
        {
          id: 3,
          name: "米家即热净水器Q1000",
          describe: "专利即热技术，一分钟1升开水",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309041738_36e653df314c55ac3cc74930bfc87767.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19148",
          product_id: 19148,
          price: 2999,
          unit1: "元",
          delete: 3499,
          unit2: "元",
        },
        {
          id: 4,
          name: "米家净水器1000G",
          describe: "澎湃大水量，5年免换RO滤芯",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202309041738_36e653df314c55ac3cc74930bfc87767.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=15838",
          product_id: 15838,
          price: 1599,
          unit1: "元",
          delete: 1999,
          unit2: "元",
        },
        {
          id: 5,
          name: "米家净水器1000G Pro",
          describe: "米家净水器1000G Pro",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202305231418_5d6ddd0efe84fa2915540de66848f377.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=18519",
          product_id: 18519,
          price: 1699,
          unit1: "元",
          delete: 2299,
          unit2: "元",
        },
        {
          id: 6,
          name: "米家净水器 1200G Pro",
          describe: "600加仑大通量，流速更快",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202408271025_8a63af3978b5d5463b07eeb929957c07.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20331",
          product_id: 20331,
          price: 1999,
          unit1: "元",
          delete: 2499,
          unit2: "元",
        },
        {
          id: 7,
          name: "米家双核净水器 1200G Pro",
          describe: "主RO使用寿命8年",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202312211522_7eb6e935ebc0c053d48fbf71fd795303.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19556",
          product_id: 19556,
          price: 2299,
          unit1: "元",
          delete: 3499,
          unit2: "元",
        },
      ],
    },
    {
      id: 2,
      category: "烟灶",
      children: [
        {
          id: 8,
          name: "米家智能燃气灶S2 5200W/4800W",
          describe: "5200W/4800W猛火 | 双环聚能火焰 | 可调节",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202404191516_902bcc04fce7b28e7f1dfca16b2b978e.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19914",
          product_id: 19914,
          price: 699,
          unit1: "元",
          delete: 799,
          unit2: "元",
        },
        {
          id: 9,
          name: "米家智能定时灶S2 5200W /4800W",
          describe: "5200W/4800W爆炒大火才够味 | 68%超高热效",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202404191616_fe7ae22b9461ef93ba2f201cf5556c34.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19930",
          product_id: 19930,
          price: 1099,
          unit1: "元",
          delete: 1299,
          unit2: "元",
        },
        {
          id: 10,
          name: "米家智能顶侧双吸油烟机S2",
          describe: "小巧机身 | 25立方大吸力 | 烟灶联动",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202402281947_86bee5b59f9545b877f439dc19bc33e2.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20403",
          product_id: 20403,
          price: 2199,
          unit1: "元",
          delete: 2299,
          unit2: "元",
        },
        {
          id: 11,
          name: "米家智能平嵌侧吸油烟机S1",
          describe: "25m³/min大风量 | 1000Pa大静压",

          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202402281947_86bee5b59f9545b877f439dc19bc33e2.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19716",
          product_id: 19716,
          price: 2199,
          unit1: "元",
          delete: 2599,
          unit2: "元",
        },
        {
          id: 12,
          name: "米家智能欧式烟机S2",
          describe: "23m³/min大吸力｜500pa静压｜智能干洗",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202402281947_86bee5b59f9545b877f439dc19bc33e2.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19466",
          product_id: 19466,
          price: 1499,
          unit1: "元",
          delete: 1699,
          unit2: "元",
        },
        {
          id: 13,
          name: "米家智能净烟机S2 白色",
          describe: "下厨不留味｜无油网免拆洗｜真白不惧黄",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202401051753_cdbe1f33237f37949209a05fdaa386f5.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=19582",
          product_id: 19582,
          price: 2799,
          unit1: "元",
          delete: 3299,
          unit2: "元",
        },
        {
          id: 14,
          name: "米家智能净烟机P1",
          describe: "高速气旋强锁烟， 劲速气流高效净吸，无油网设计免拆洗",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202208111035_1430e125873d6ffe9615d0551ef8a136.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16350",
          product_id: 16350,
          price: 3199,
          unit1: "元",
          delete: 3999,
          unit2: "元",
        },
      ],
    },
    {
      id: 3,
      category: "电饭煲",
      children: [
        {
          id: 11,
          name: "米家智能电饭煲 微压版 3L",
          describe: "看得见的真微压",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/b5e7b8356420596e2116ca901e11cb7b.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=14536",
          product_id: 14536,
          price: 399,
          unit1: "元",
          delete: 499,
          unit2: "元",
        },
        {
          id: 12,
          name: "米家智能电压力锅5L",
          describe: "一锅双胆，9挡调节口感",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d96feb0267ddea24666b32a28984a83b.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=13855",
          product_id: 13855,
          price: 399,
          unit1: "元",
          delete: 379,
          unit2: "元",
        },
        {
          id: 13,
          name: "米家电饭煲C1",
          describe: "快慢收放自如，小巧身材内有乾坤",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6cb309bfab923dd888a569e1b62e44ba.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=11326",
          product_id: 11326,
          price: 159,
          unit1: "元起",
        },
        {
          id: 14,
          name: "米家智能电压力锅2.5L",
          describe: "煮饭快，焖炖煲煮一机多能",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f9f6b78a4e55001a0dffed85c099bfb0.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=13287",
          product_id: 13287,
          price: 279,
          unit1: "元",
          delete: 299,
          unit2: "元",
        },
        {
          id: 15,
          name: "米家智能压力IH电饭煲1S 3L",
          describe: "压力IH加热 智能烹饪",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/07390d2d89220f2e3f06710360ec1077.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=9530",
          product_id: 9530,
          price: 999,
          unit1: "元",
        },
        {
          id: 16,
          name: "米家透明蒸汽电饭煲 4L",
          describe: "可视化烹饪 | 无涂层玻璃内胆 | 沥汤蒸饭&慢炖",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209261417_25cc1c7fffc0d1d81e4db1b641db76ca.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16583",
          product_id: 16583,
          price: 599,
          unit1: "元",
          delete: 699,
          unit2: "元",
        },
        {
          id: 17,
          name: "米家智能小饭煲 2",
          describe: "28分钟超快饭 体积更小",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202205201909_0c600f8b38a0c5de1354c613dffa28b4.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16021",
          product_id: 16021,
          price: 189,
          unit1: "元",
          delete: 199,
          unit2: "元",
        },
      ],
    },
    {
      id: 4,
      category: "微蒸烤",
      children: [
        {
          id: 18,
          name: "米家智能蒸烤箱",
          describe: "30L大容积， 蒸烤烘炸炖一机多用",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0fabb6c16cbadaf300da4a2c2ffb9afa.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=12723",
          product_id: 12723,
          price: 1199,
          unit1: "元",
          delete: 1499,
          unit2: "元",
        },
        {
          id: 19,
          name: "米家微波炉",
          describe: "APP操控，精选食谱",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/3b6a47f33993a59ff3a5c1112d484eed.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10330",
          product_id: 10330,
          price: 429,
          unit1: "元",
          delete: 449,
          unit2: "元",
        },
        {
          id: 20,
          name: "米家智能空气炸锅3.5 L",
          describe: "无油低脂，健康烹饪新选择",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d9990f4266c0fb20482d637618fe9366.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=13570",
          product_id: 13570,
          price: 299,
          unit1: "元",
          delete: 399,
          unit2: "元",
        },
        {
          id: 21,
          name: "米家电烤箱",
          describe: "全能烘焙体验",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1612c93ad4756215774a0dbec7a81bb2.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=9866",
          product_id: 9866,
          price: 299,
          unit1: "元",
          delete: 329,
          unit2: "元",
        },
        {
          id: 22,
          name: "米家智能微烤一体机",
          describe: "能烧烤的微波炉",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1612c93ad4756215774a0dbec7a81bb2.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=12548",
          product_id: 12548,
          price: 549,
          unit1: "元",
        },
        {
          id: 23,
          name: "米家智能微烤一体机",
          describe: "智享酥嫩美味",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f69003fc4b34010c2d69d9a23a76ba39.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=13620",
          product_id: 13620,
          price: 299,
          unit1: "元",
        },
        {
          id: 24,
          name: "米家智能嵌入式蒸烤一体机 S1",
          describe: "蒸烤炸一机多能，释放更多厨房空间",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d13eee83c8e9487256ad14befc4f7d46.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16003",
          product_id: 16003,
          price: 3099,
          unit1: "元",
          delete: 3299,
          unit2: "元",
        },
      ],
    },
  ]);

  const sonList6 = reactive<SonListType[]>([
    {
      id: 1,
      category: "净水器",
      son: {
        name: "米家净水器1600G",
        price: 2699,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209201443_41fb0bb47d46874e982822c1b6e14b07.png?thumb=1&w=200&h=200&f=webp&q=90",
        unit1: "元",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16549",
        product_id: 16549,
      },
      openMore: {
        category: "净水器",
        keyword: "净水器",
        targetUrl: "https://www.mi.com/shop/search?keyword=净水器",
      },
    },
    {
      id: 2,
      category: "烟灶",
      son: {
        name: "米家智能净烟机P2",
        price: 3999,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202412121641_490cb62e3ab734571249db2204ee6234.png?thumb=1&w=200&h=200&f=webp&q=90",
        unit1: "元",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20442",
        product_id: 20442,
      },
      openMore: {
        category: "烟灶",
        keyword: "烟灶",
        targetUrl: "https://www.mi.com/shop/search?keyword=烟灶",
      },
    },
    {
      id: 3,
      category: "电饭煲",
      son: {
        name: "米家智能电压力锅2.5L",
        price: 279,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202208301420_72bbba99dfeac7f5c818a63e0e5f24e4.jpg?thumb=1&w=200&h=200&f=webp&q=90",
        unit1: "元",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=13287",
        product_id: 13287,
        delete: 299,
        unit2: "元",
      },
      openMore: {
        category: "电饭煲",
        keyword: "电饭煲",
        targetUrl: "https://www.mi.com/shop/search?keyword=电饭煲",
      },
    },
    {
      id: 4,
      category: "微蒸烤",
      son: {
        name: "米家智能空气炸烤箱 30L",
        price: 669,
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202209161102_f850e222a57495748e195022188597a3.jpg?thumb=1&w=200&h=200&f=webp&q=90",
        unit1: "元",
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=16540",
        product_id: 16540,
      },
      openMore: {
        category: "微蒸烤",
        keyword: "微蒸烤",
        targetUrl: "https://www.mi.com/shop/search?keyword=%E7%83%A4%E7%AE%B1",
      },
    },
  ]);

  const goodInfo7 = reactive<GoodInfoListType>({
    title: "智能家具",
    tabList: [
      {
        id: 1,
        tabName: "小爱音箱",
        activeTab: "小爱音箱",
      },
      {
        id: 2,
        tabName: "门锁门铃",
        activeTab: "门锁门铃",
      },
      {
        id: 3,
        tabName: "路由器",
        activeTab: "路由器",
      },
      {
        id: 4,
        tabName: "智能设备",
        activeTab: "只能设备",
      },
    ],
    entries: [
      {
        id: 1,
        targetUrl: "https://www.mi.com/xiaomi-sound",
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec383d223d9f38f442268df684c526f6.png?thumb=1&w=468&h=600&f=webp&q=90",
      },
      {
        id: 2,
        targetUrl: "https://www.mi.com/shop/buy/detail?product_id=20289",
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a272e865889798daea372ad757d814b7.jpg?thumb=1&w=468&h=600&f=webp&q=90",
      },
    ],
  });

  const childrenList7 = reactive<ChildrenListType[]>([
    {
      id: 1,
      category: "小爱音箱",
      children: [
        {
          id: 1,
          name: "Xiaomi智能家庭屏 10",
          describe:
            "MIUI Home｜10.1 高清大屏｜115°超广角摄像头｜儿童模式｜家庭 KTV｜小爱同学",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202204191820_88e1f0fded3b4f05c5bdecf433a868cf.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/smart-screen",
          product_id: 0,
          price: 949,
          unit1: "元",
          delete: 999,
          unit2: "元",
        },
        {
          id: 2,
          name: "小米小爱音箱Play 增强版",
          describe: "LED时钟显示，语音控制传统家电",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/adce4500b997efaf6e3ff8e8150215f4.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=14596",
          product_id: 14596,
          price: 129,
          unit1: "元",
          delete: 149,
          unit2: "元",
        },
        {
          id: 3,
          name: "小米小爱音箱Play",
          describe: "听音乐、语音遥控家电",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e7c6e79433c883e1a022ec21402c1679.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=10015",
          product_id: 10015,
          price: 99,
          unit1: "元",
          delete: 109,
          unit2: "元",
        },
        {
          id: 4,
          name: "小米小爱音箱 Pro",
          describe: "澎湃低音，语音遥控传统家电",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e7c6e79433c883e1a022ec21402c1679.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/aispeaker-pro",
          product_id: 0,
          price: 279,
          unit1: "元",
          delete: 299,
          unit2: "元",
        },
        {
          id: 5,
          name: "小米AI音箱（第二代）",
          describe: "低频饱满有深度，人声清晰有细节",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e13900c094ae4ac4eb53b35f2d0c95b0.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/shop/buy/detail?product_id=13878",
          product_id: 13878,
          price: 179,
          unit1: "元",
          delete: 199,
          unit2: "元",
        },
        {
          id: 6,
          name: "小米小爱音箱",
          describe: "Hi-Fi级音频芯片，支持AUX IN接口，你桌面的有源音箱",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e13900c094ae4ac4eb53b35f2d0c95b0.jpg?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/aispeaker-new",
          product_id: 0,
          price: 229,
          unit1: "元",
          delete: 249,
          unit2: "元",
        },
        {
          id: 7,
          name: "Redmi小爱触屏音箱 8英寸",
          describe: "8英寸高清大屏，海量优质影音资源",
          image:
            "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202402281114_456eabb800ebfd5a1d22795dbb563d53.png?thumb=1&w=400&h=400&f=webp&q=90",
          targetUrl: "https://www.mi.com/redmi-xai",
          product_id: 0,
          price: 349,
          unit1: "元",
          delete: 449,
          unit2: "元",
        },
      ],
    },
  ]);

  const sonList7 = reactive<SonListType[]>([
    {
      id: 1,
      category: "小爱音箱",
      son: {
        id: 1,
        name: "Redmi小爱触屏音箱 8英寸",
        image:
          "https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202402281114_456eabb800ebfd5a1d22795dbb563d53.png?thumb=1&w=200&h=200&f=webp&q=90",
        targetUrl: "https://www.mi.com/redmi-xai",
        product_id: 0,
        price: 349,
        unit1: "元",
      },
      openMore: {
        category: "小爱音箱",
        keyword: "小爱音箱",
        targetUrl:
          "https://www.mi.com/search?keyword=%E5%B0%8F%E7%88%B1%E9%9F%B3%E7%AE%B1",
      },
    },
  ]);
</script>

<style lang="scss" scoped>
  .page-mian {
    padding-top: 4px;
    padding-bottom: 12px;
  }

  .home-main {
    background: #f5f5f5;
  }
</style>
